<template>
	<div class="mainContent">
		<pathTracking :path="Model.path" />
		<div class="container">
			<!-- 一级tabs -->
			<div class="tabBox">
				<div class="tabBoxStep">
					<p>{{Model.queryData.barCode}}（条码）属性信息</p>
				</div>
				<el-row class="detailTable">
					<div class="detailTableItemTitle">
						<span class="detailTableImgSmall"></span>
						<p class="text">属性信息</p>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.tableData" border style="width: 100%;max-height:550px">
							<el-table-column prop="batchNo" label="条码" width="100"></el-table-column>
							<el-table-column prop="commodityCode" label="商品号" width="120"></el-table-column>
							<el-table-column prop="styleNo" label="款号" width="150"></el-table-column>
							<el-table-column prop="styleName" label="款式名称" width="120"></el-table-column>
							<el-table-column prop="productCategories" label="产品大类" width="200"></el-table-column>
							<el-table-column prop="productsInTheClass" label="产品中类" width="120"></el-table-column>
							<el-table-column prop="productCategoryCategory" label="产品小类-品类" width="120"></el-table-column>
							<el-table-column prop="aSeriesOf" label="系列" width="120"></el-table-column>
							<el-table-column prop="salesOfClassification" label="销售分类" width="120"></el-table-column>
							<el-table-column prop="specialStamp" label="特殊印记" width="120"></el-table-column>
							<el-table-column prop="customCode" label="定制编码" width="120"></el-table-column>
							<el-table-column prop="whetherToPurchaseFinishedProducts" label="是否采购成品" width="120"></el-table-column>
						</el-table>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.tableData" border style="width: 100%;max-height:550px">
							<!-- <el-table-column type="index" width="50" label="序号" fixed></el-table-column> -->
							<el-table-column prop="supplierPaymentNo" label="供应商款号" width="100"></el-table-column>
							<el-table-column prop="giaWaistSize" label="GIA腰码" width="120"></el-table-column>
							<el-table-column prop="color" label="颜色" width="150"></el-table-column>
							<el-table-column prop="clarity" label="净度" width="120"></el-table-column>
							<el-table-column prop="appearance" label="外观" width="200"></el-table-column>
							<el-table-column prop="theShapeOf" label="形状" width="120"></el-table-column>
							<el-table-column prop="theWeightOfBareStone" label="裸石克拉重" width="120"></el-table-column>
							<el-table-column prop="actualCaratWeight" label="实际克拉重" width="120"></el-table-column>
							<el-table-column prop="cut" label="切工" width="120"></el-table-column>
							<el-table-column prop="polishing" label="抛光" width="120"></el-table-column>
							<el-table-column prop="symmetry" label="对称" width="120"></el-table-column>
							<el-table-column prop="fluorescent" label="荧光" width="120"></el-table-column>
						</el-table>
					</div>
					<!-- <div class="detailTableDetail">
						<el-table :data="Model.tableData2" border style="width: 100%;max-height:550px">
							<el-table-column prop="supplierPaymentNo" label="供应商款号" width="100"></el-table-column>
							<el-table-column prop="giaWaistSize" label="GIA腰码" width="120"></el-table-column>
							<el-table-column prop="color" label="颜色" width="150"></el-table-column>
							<el-table-column prop="clarity" label="净度" width="120"></el-table-column>
							<el-table-column prop="appearance" label="外观" width="200"></el-table-column>
							<el-table-column prop="theShapeOf" label="形状" width="120"></el-table-column>
							<el-table-column prop="theWeightOfBareStone" label="裸石克拉重" width="120"></el-table-column>
							<el-table-column prop="actualCaratWeight" label="实际克拉重" width="120"></el-table-column>
							<el-table-column prop="cut" label="切工" width="120"></el-table-column>
							<el-table-column prop="polishing" label="抛光" width="120"></el-table-column>
							<el-table-column prop="symmetry" label="对称" width="120"></el-table-column>
							<el-table-column prop="fluorescent" label="荧光" width="120"></el-table-column>
						</el-table>
					</div> -->
				</el-row>
			</div>
		</div>
	</div>
</template>

<script>
	import pathTracking from "@/components/common/pathTracking";
	import pagination from "@/components/common/pagination.vue";
	import advancedSearch from "@/components/common/filter/advancedSearch";
	import {
		getDateString
	} from "@/assets/js/common.js";
	import Model from "./model.js";
	import Controller from "./controller.js";
	export default {
		name: "barcodeDetail",
		mixins: [Model, Controller],
		components: {
			advancedSearch,
			pagination,
			pathTracking
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	@import "./index.less";
</style>
